<%--
  Created by IntelliJ IDEA.
  User: yongqiangyao
  Date: 2017/11/29
  Time: 10:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link   rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/main.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/film.css"></link>
</head>
<body>
<!-- Fixed navbar -->
<div class="container">
    <div class="navbar navbar-inverse" >
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand" href="#" name="HomeMain">广科电影网GKM</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav pull-right">
                    <li><a href="#" name="HomeMain">首页</a></li>
                    <li><a href="about.html">关于</a></li>
                    <li class="dropdown" id="userNameLogin">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" ><span id="userName">登录 <b class="caret"></b></span></a>
                        <ul class="dropdown-menu" id="dropMenu">
                            <li><a href="#" id="mainLogin" data-toggle="modal" data-target="#myModal">登录</a></li>
                            <li><a href="#" id="mainRegister"data-toggle="modal" data-target="#myModal2">注册</a></li>
                        </ul>
                        <ul class="dropdown-menu" id="quitLogin" >
                            <li><a href="#" id="quit" data-toggle="modal" >退出登录</a></li>
                        </ul>
                    </li>

                </ul>
            </div><!--/.nav-collapse -->
        </div>
    </div>
</div>
<div  class="row" style="margin-top: 0px">
    <div class="container">
        <ul class="nav nav-pills nav-justified">
            <li class="active"><a href="#" name="HomeMain">主页</a></li>
            <li><a href="#">选电影</a></li>
            <li><a href="#">电视剧</a></li>
            <li><a href="#">排行榜</a></li>
            <li><a href="#">分类</a></li>
            <li><a href="#">影评</a></li>
            <li><a href="#">2017年度榜单</a></li>
            <li id="search">
               <div class="form-inline my-2 my-lg-0">
                    <input class="form-control mr-sm-2" type="text" id="searchName" placeholder="Search">
                    <button class="btn btn-secondary my-2 my-sm-0" id="searchbutton">Search</button>

                 </div>
            </li>
        </ul>
    </div>
</div>
<div class="container" id="sort">
    <div class="and1font" style="margin-top: 15px">
    </div>
    <span class="and1font" id="hotsort">热门分类： </span>
    <div class="and1font" style="margin-bottom: 15px">
    </div>
</div>
<div style="background-color: white">
    <div class="container"  >
        <div class="article" id="article">
            <div class="article2" id="detail">
                <%@ include file="../../admin/detail.jsp" %>
            </div>
            <div id="Home">
            <h4>正在热映：<span style="margin-right: 400px" class="right"><a>全部正在热映 »</a></span>
                <span id="hotCurPage"></span>
                <span>/</span>
                <span id="hotTotPage"></span>
                <span style="float: right" >
               <ul class="pager">
                   <li class="previous"style="margin-right: 10px" id="hotUpPage"><a href="#">&larr; </a></li>
                   <li class="next"><a href="#" id="hotNextPage"> &rarr;</a></li>
               </ul>
            </span>
            </h4>
            <ul class="img-list dis clearfix" id="mainContentList" >
            </ul>
            <h4>最近高分电影：<span style="margin-right: 400px" class="right"><a>全部高分电影 »</a></span>
            </h4>
            <ul class="img-list dis clearfix" id="movieContentList">
            </ul>
            <div>
                <ul class="pagination blockcenter"  id='moviePageList'>

                </ul>
            </div>
            <h4>最近高分电视剧：<span style="margin-right: 400px" class="right"><a>全部高分电视剧 »</a></span>
            </h4>
            <ul class="img-list dis clearfix" id='tvShowContentList'>
            </ul>

            <ul class="pagination blockcenter"  id='tvShowPageList'>
            </ul>

            <h4>最近高分动漫：<span style="margin-right: 400px" class="right"><a>全部高分动漫 »</a></span>
            </h4>

            <ul class="img-list dis clearfix"id='comicContentList'>
            </ul>

            <ul class="pagination blockcenter" id='comicPageList'>

            </ul>
        </div>
            <div id="SortHome" class="hidden">
                 <h4 id="sortName">
                </h4>
                <div>
                <ul class="img-list dis clearfix"id='sortContentList'>
                </ul>
                </div>
                <div class="sortblockcenter">
                <ul class="pagination " id='sortPageList'>
                </ul>
                </div>
            </div>
        </div>
        <div class="aside">
            <div >
                <div class="rating_answer">
                    站长强力推荐：
                </div>
                <table class="table">
                    <tbody>
                    <tr>
                        <td><span>1</span>  <a href="#">肖申克的救赎</a></td>
                    </tr>
                    <tr>
                        <td><span>2</span>  <a href="#">霸王别姬</a></td>
                    </tr>
                    <tr>
                        <td><span>3</span>  <a href="#">阿甘正传</a></td>
                    </tr>
                    <tr>
                        <td><span>4</span>  <a href="#">辛德勒的名单</a></td>
                    </tr>
                    <tr>
                        <td><span>5</span>  <a href="#">教父</a></td>
                    </tr>
                    <tr>
                        <td><span>6</span>  <a href="#">楚门的世界</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div >
                <div class="nicecommand">
                    本站最受好评榜：
                </div>
                <table class="table">
                    <tbody>
                    <tr>
                        <td><span>1</span>  <a href="#">肖申克的救赎</a></td>
                    </tr>
                    <tr>
                        <td><span>2</span>  <a href="#">霸王别姬</a></td>
                    </tr>
                    <tr>
                        <td><span>3</span>  <a href="#">阿甘正传</a></td>
                    </tr>
                    <tr>
                        <td><span>4</span>  <a href="#">辛德勒的名单</a></td>
                    </tr>
                    <tr>
                        <td><span>5</span>  <a href="#">教父</a></td>
                    </tr>
                    <tr>
                        <td><span>6</span>  <a href="#">楚门的世界</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">登录</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="mainName" class="col-sm-2 control-label">用户名：</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="mainName"
                                   placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainPassword" class="col-sm-2 control-label">密码：</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" id="mainPassword"
                                   placeholder="请输入密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="Login">登录</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel2">注册</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label for="mainUserName" class="col-sm-3 control-label">用户名：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="mainUserName"
                                   placeholder="请输入用户名">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainEmail" class="col-sm-3 control-label">邮箱：</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="mainEmail"
                                   placeholder="请输入邮箱">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainRegisterPassword" class="col-sm-3 control-label">密码：</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="mainRegisterPassword"
                                   placeholder="请输入密码">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="mainConfirmPassword" class="col-sm-3 control-label">确认密码：</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="mainConfirmPassword"
                                   placeholder="请输入确认密码">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="Register">注册</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div>
    </div>

</div>
<div class="rf-footer rf-footer--standard" >
    <div class="navbar-brand2"><img src="../../static/Images/GuangKeSign.jpg" alt="GKM" width="40px" height="40px" style="margin-right: 10px">GKM</div>
    <a href="/about" class="rf-footer__page-link" target="_blank">框架架构师：姚永强</a>
    <a href="/about" class="rf-footer__page-link" target="_blank">前端UI设计师：姚永强</a>
    <a href="/about" class="rf-footer__page-link" target="_blank">前端开发人员：姚永强</a>
    <a href="/about" class="rf-footer__page-link" target="_blank">后端开发人员：姚永强</a>
    <br/>
    <br/>
    <a href="/about" class="rf-footer__link" target="_blank" >使用条款</a>
    <a href="/about" class="rf-footer__link" target="_blank" >使用联系：QQ:2683361531</a>
</div>

<script src="../../static/jquery/jquery-3.1.1.min.js"></script>
<script src="../../static/bootstrap/bootstrap.min.js"></script>
<script src="../../static/layer/layer.js"></script>
<script src="../../static/js/main.js"></script>
<script src="../../static/js/common.js"></script>
<script src="../../static/js/login.js"></script>
<script type="text/javascript" src="../../static/js/jquery.cookie.js"></script>
</body>
</html>